<template>
  <div class="post-comment">
    <van-field
      v-model="message"
      rows="2"
      autosize
      label="留言"
      type="textarea"
      maxlength="50"
      placeholder="请输入留言"
      show-word-limit
    />
    <van-button
    size="mini"
    @click="onPost"
    >发布</van-button>
  </div>
</template>
<script>
import {addComment} from '@/api/comment'
export default {
  name: "PostComment",
  props:{
    target:{
        type:[Number,String,Object],
        required:true
    },
    articleId:{
        type:[Number,String,Object],
        default:null
    }
  },
  data(){
      return{
          message:''
      }
  },
  methods:{
      async onPost(){
        const{data}=await addComment({
            target:this.target.toString(),
            content:this.message,
            art_id:this.articleId?this.articleId.toString():null
        })
         this.$emit('post-success',data.data.new_obj)
      }
  }
}
</script>
<style lang="less" scoped>
.post-comment{
    display: flex;
    align-items: center;
    padding: 14px;
}
</style>